<template>
  <ul>
    <li @click="routeSkip('1')">手机</li>
    <li @click="routeSkip('2')">笔记本</li>
    <li @click="routeSkip('3')">平板</li>
  </ul>
</template>

<script setup lang='ts'>
  import {useRouter} from 'vue-router'
  const router = useRouter()
  const routeSkip = (id:string) => {
    router.push({
      // path:'/register',
      // query:{id}
      name:'register',
      params:{id}
    })
  }
</script>

<style scoped lang='less'>
  ul {
    width: 100%;
    height: 600px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top:200px;
    li {
      height: 30px;
      cursor: pointer;
    }
  }
</style>
